/*下载*/
var J_ine = document.querySelector(".btn11");
var box = document.querySelector(".yin");

J_ine.addEventListener("mouseover",function(){
    box.style.display = "block";
});
J_ine.addEventListener("mouseout",function(){
    box.style.display = "none";
});
box.addEventListener("mouseover",function(){
    box.style.display = "block";
});
box.addEventListener("mouseout",function(){
    box.style.display = "none";
});


/*购物车*/
var cin = document.querySelector(".cin");
var iner = document.querySelector(".ipc")
var ipc_bt = document.querySelector(".ipc_bt");

cin.addEventListener("mouseover",function(){
    ipc_bt.style.display = "block";
    iner.style.background = "#fff";
    iner.style.color = "#ff6700";
});
cin.addEventListener("mouseout",function(){
    ipc_bt.style.display = "none";
    iner.style.background = "#424242";
    iner.style.color = "#b0b0b0";
});
ipc_bt.addEventListener("mouseover",function(){
    ipc_bt.style.display = "block";

    iner.style.background = "#fff";
    iner.style.color = "#ff6700";
})
ipc_bt.addEventListener("mouseout",function(){
    ipc_bt.style.display = "none";

    iner.style.background = "#424242";
    iner.style.color = "#b0b0b0";
})


/*导航*/
var linek1 = document.querySelector("#linek1");
var box1 = document.querySelector("#box1");

linek1.addEventListener("mouseover",function(){
    box1.style.display = "block";
});
linek1.addEventListener("mouseout",function(){
    box1.style.display = "none";
});
box1.addEventListener("mouseover",function(){
    box1.style.display = "block";
});
box1.addEventListener("mouseout",function(){
    box1.style.display = "none";
});

/*手机*/
var linek2 = document.querySelector("#linek2");
var box2 = document.querySelector("#box2");

linek2.addEventListener("mouseover",function(){
    box2.style.display = "block";
});
linek2.addEventListener("mouseout",function(){
    box2.style.display = "none";
});
box2.addEventListener("mouseover",function(){
    box2.style.display = "block";
});
box2.addEventListener("mouseout",function(){
    box2.style.display = "none";
});

/*hongmi*/
var linek3 = document.querySelector("#linek3");
var box3 = document.querySelector("#box3");

linek3.addEventListener("mouseover",function(){
    box3.style.display = "block";
});
linek3.addEventListener("mouseout",function(){
    box3.style.display = "none";
});
box3.addEventListener("mouseover",function(){
    box3.style.display = "block";
});
box3.addEventListener("mouseout",function(){
    box3.style.display = "none";
});
/*dianshi*/
var linek4 = document.querySelector("#linek4");
var box4 = document.querySelector("#box4");

linek4.addEventListener("mouseover",function(){
    box4.style.display = "block";
});
linek4.addEventListener("mouseout",function(){
    box4.style.display = "none";
});
box4.addEventListener("mouseover",function(){
    box4.style.display = "block";
});
box4.addEventListener("mouseout",function(){
    box4.style.display = "none";
});
/*bijiben*/

var linek5 = document.querySelector("#linek5");
var box5 = document.querySelector("#box5");

linek5.addEventListener("mouseover",function(){
    box5.style.display = "block";
});
linek5.addEventListener("mouseout",function(){
    box5.style.display = "none";
});
box5.addEventListener("mouseover",function(){
    box5.style.display = "block";
});
box5.addEventListener("mouseout",function(){
    box5.style.display = "none";
});
/*jiadian*/
var linek6 = document.querySelector("#linek6");
var box6 = document.querySelector("#box6");

linek6.addEventListener("mouseover",function(){
    box6.style.display = "block";
});
linek6.addEventListener("mouseout",function(){
    box6.style.display = "none";
});
box6.addEventListener("mouseover",function(){
    box6.style.display = "block";
});
box6.addEventListener("mouseout",function(){
    box6.style.display = "none";
});


/*luyouqi*/
var linek7 = document.querySelector("#linek7");
var box7 = document.querySelector("#box7");

linek7.addEventListener("mouseover",function(){
    box7.style.display = "block";
});
linek7.addEventListener("mouseout",function(){
    box7.style.display = "none";
});
box7.addEventListener("mouseover",function(){
    box7.style.display = "block";
});
box7.addEventListener("mouseout",function(){
    box7.style.display = "none";
});

/*zhinengyingjian*/
var linek8 = document.querySelector("#linek8");
var box8 = document.querySelector("#box8");

linek8.addEventListener("mouseover",function(){
    box8.style.display = "block";
});
linek8.addEventListener("mouseout",function(){
    box8.style.display = "none";
});
box8.addEventListener("mouseover",function(){
    box8.style.display = "block";
});
box8.addEventListener("mouseout",function(){
    box8.style.display = "none";
});

/*切换inbput*/
var search = document.querySelector("#search");
var submit = document.querySelector(".submit");
var search_hot = document.querySelector(".search-hot-words");
var keyword_list = document.querySelector(".keyword-list");

search.addEventListener("click",function(){
    search.style.border = "1px solid #ff6700";
    submit.style.border = "1px solid #ff6700";
    search_hot.style.display = "none";
    keyword_list.style.display = "block";
});
search.addEventListener("mouseout",function(){
    search.style.border = "1px solid #e0e0e0";
    submit.style.border = "1px solid #e0e0e0";
    search_hot.style.display = "block";
    keyword_list.style.display = "none";
});
keyword_list.addEventListener("mouseover",function(){
    search.style.border = "1px solid #ff6700";
    submit.style.border = "1px solid #ff6700";
    search_hot.style.display = "none";
    keyword_list.style.display = "block";
});
keyword_list.addEventListener("mouseout",function(){
    search.style.border = "1px solid #e0e0e0";
    submit.style.border = "1px solid #e0e0e0";
    search_hot.style.display = "block";
    keyword_list.style.display = "none";
});

/*reji*/

var dh1 = document.querySelector("#dh1");
var xs1 = document.querySelector("#xs1");

dh1.addEventListener("mouseover",function(){
    xs1.style.display = "block";
});
dh1.addEventListener("mouseout",function(){
    xs1.style.display = "none";
});
xs1.addEventListener("mouseover",function(){
    xs1.style.display = "block";
});
xs1.addEventListener("mouseout",function(){
    xs1.style.display = "none";
});

var dh2 = document.querySelector("#dh2");
var xs2 = document.querySelector("#xs2");

dh2.addEventListener("mouseover",function(){
    xs2.style.display = "block";
});
dh2.addEventListener("mouseout",function(){
    xs2.style.display = "none";
});
xs2.addEventListener("mouseover",function(){
    xs2.style.display = "block";
});
xs2.addEventListener("mouseout",function(){
    xs2.style.display = "none";
});

var dh3 = document.querySelector("#dh3");
var xs3 = document.querySelector("#xs3");

dh3.addEventListener("mouseover",function(){
    xs3.style.display = "block";
});
dh3.addEventListener("mouseout",function(){
    xs3.style.display = "none";
});
xs3.addEventListener("mouseover",function(){
    xs3.style.display = "block";
});
xs3.addEventListener("mouseout",function(){
    xs3.style.display = "none";
});

var dh4 = document.querySelector("#dh4");
var xs4 = document.querySelector("#xs4");

dh4.addEventListener("mouseover",function(){
    xs4.style.display = "block";
});
dh4.addEventListener("mouseout",function(){
    xs4.style.display = "none";
});
xs4.addEventListener("mouseover",function(){
    xs4.style.display = "block";
});
xs4.addEventListener("mouseout",function(){
    xs4.style.display = "none";
});

var dh5 = document.querySelector("#dh5");
var xs5 = document.querySelector("#xs5");

dh5.addEventListener("mouseover",function(){
    xs5.style.display = "block";
});
dh5.addEventListener("mouseout",function(){
    xs5.style.display = "none";
});
xs5.addEventListener("mouseover",function(){
    xs5.style.display = "block";
});
xs5.addEventListener("mouseout",function(){
    xs5.style.display = "none";
});

var dh6 = document.querySelector("#dh6");
var xs6 = document.querySelector("#xs6");

dh6.addEventListener("mouseover",function(){
    xs6.style.display = "block";
});
dh6.addEventListener("mouseout",function(){
    xs6.style.display = "none";
});
xs6.addEventListener("mouseover",function(){
    xs6.style.display = "block";
});
xs6.addEventListener("mouseout",function(){
    xs6.style.display = "none";
});

var dh7 = document.querySelector("#dh7");
var xs7 = document.querySelector("#xs7");

dh7.addEventListener("mouseover",function(){
    xs7.style.display = "block";
});
dh7.addEventListener("mouseout",function(){
    xs7.style.display = "none";
});
xs7.addEventListener("mouseover",function(){
    xs7.style.display = "block";
});
xs7.addEventListener("mouseout",function(){
    xs7.style.display = "none";
});


var dh8 = document.querySelector("#dh8");
var xs8 = document.querySelector("#xs8");

dh8.addEventListener("mouseover",function(){
    xs8.style.display = "block";
});
dh8.addEventListener("mouseout",function(){
    xs8.style.display = "none";
});
xs8.addEventListener("mouseover",function(){
    xs8.style.display = "block";
});
xs8.addEventListener("mouseout",function(){
    xs8.style.display = "none";
});


var dh9 = document.querySelector("#dh9");
var xs9 = document.querySelector("#xs9");

dh9.addEventListener("mouseover",function(){
    xs9.style.display = "block";
});
dh9.addEventListener("mouseout",function(){
    xs9.style.display = "none";
});
xs9.addEventListener("mouseover",function(){
    xs9.style.display = "block";
});
xs9.addEventListener("mouseout",function(){
    xs9.style.display = "none";
});



var dh10 = document.querySelector("#dh10");
var xs10 = document.querySelector("#xs10");

dh10.addEventListener("mouseover",function(){
    xs10.style.display = "block";
});
dh10.addEventListener("mouseout",function(){
    xs10.style.display = "none";
});
xs10.addEventListener("mouseover",function(){
    xs10.style.display = "block";
});
xs10.addEventListener("mouseout",function(){
    xs10.style.display = "none";
});














